<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- The HTML 4.01 Transitional DOCTYPE declaration-->
<!-- above set at the top of the file will set     -->
<!-- the browser's rendering engine into           -->
<!-- "Quirks Mode". Replacing this declaration     -->
<!-- with a "Standards Mode" doctype is supported, -->
<!-- but may lead to some differences in layout.   -->

<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <link type="text/css" rel="stylesheet" href="/stylesheets/main.css" />
    <title>Place Search</title>
  </head>

  <body>
  	<!-- ヘッダ部 -->
  	<div id="index_header">
  		<p>
    		<img src="" width="400" height="200" border="1" alt="Title Logo">
    	</p>
    	<form action="/search" method="post">
    		<select name="category">
    			<option value="1">トイレ</option>
    			<option value="2">喫煙所</option>
    			<option value="3">授乳室</option>
    			<option value="4">多目的トイレ</option>
    		</select>
    		<input type="text" size="30" name="address" />
    		<input type="submit" value="これ何処？" />
    	</form>
    </div>
    <div id="index_contents">
    	<!-- サイドバー -->
	    <div id="index_sideBar">
	    	<a href="" alt="">トイレ</a><br />
	    	<a href="" alt="">喫煙所</a><br />
	    	<a href="" alt="">授乳室</a><br />
	    	<a href="" alt="">多目的トイレ</a><br />
	    </div>
	    <!-- マップ -->
	    <div id="index_map">
	    	<img src="" width="300" height="300" border="1" alt="map">
	    </div>
	</div>
    <!-- フッター -->
    <div id="index_footer">
    	<hr>
    	こぴーらいと　おーるらいつ　りざーぶど
    </div>
  </body>
</html>
